<template>
    <Draggable :list="list" >
        
    </Draggable>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const list = ref(
    [
        {
            name: '交易编号',
            key: 'outTradeNo',
            type: 'text',
            placeholder: '请输入交易电话',
            style: "width: 150px;",
            options: [],
            form: ''
        },
        {
            name: '收货人',
            key: 'consignee',
            type: 'text',
            placeholder: '请输入收货人',
            style: "width: 150px;",
            options: [],
            form: ''
        },
        {
            name: '收货人电话',
            key: 'consigneeTel',
            type: 'text',
            placeholder: '请输入收货人电话',
            style: "width: 150px;",
            options: [],
            form: ''
        },
        {
            name: '收货地址',
            key: 'deliveryAddress',
            type: 'text',
            placeholder: '请输入收货地址',
            style: "width: 150px;",
            options: [],
            form: ''
        },
        {
            name: '订单状态',
            key: 'orderStatus',
            type: 'select',
            placeholder: '订单状态',
            style: "width: 150px;",
            options: [
                {
                    label: '已支付',
                    value: 'PAID'
                },
                {
                    label: '未支付',
                    value: 'UNPAID'
                },
                {
                    label: '已签收',
                    value: 'FINISH'
                }
            ],
            form: ''
        },
        {
            name: '创建时间',
            key: 'createTimeBegin',
            type: 'datetime',
            placeholder: '创建时间',
            style: "width: 150px;",
            options: [],
            form: {

            }
        },
        {
            name: '过期时间',
            key: 'createTimeEnd',
            type: 'datetime',
            placeholder: '过期时间',
            style: "width: 150px;",
            options: [],
            form: ''
        }
    ]
)

</script>

<style lang="scss" scoped>

</style>